<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>新疆阿勒泰旅游攻略</title>
    <link rel="stylesheet" href="../styles.css">
    <link rel="stylesheet" href="mobile.css">
</head>
<body>
    <!-- 添加菜单按钮和遮罩层 -->
    <div class="menu-toggle" onclick="toggleMenu()">
        <span></span>
    </div>
    <div class="overlay" onclick="toggleMenu()"></div>

    <header>
        <nav>
            <ul>
                <li><a href="#overview" onclick="toggleMenu()">概览</a></li>
                <li><a href="#transportation" onclick="toggleMenu()">交通</a></li>
                <li><a href="#accommodation" onclick="toggleMenu()">住宿</a></li>
                <li><a href="#food" onclick="toggleMenu()">美食</a></li>
                <li><a href="#attractions" onclick="toggleMenu()">景点</a></li>
                <li><a href="#tips" onclick="toggleMenu()">旅行贴士</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <section id="hero">
            <h1>阿勒泰旅游攻略</h1>
            <p>探索新疆最北端的自然与文化瑰宝</p>
        </section>

        <section id="overview">
            <h2>概览</h2>
            <div class="slideshow-container">
                <div class="slides fade">
                    <img src="images/kanas.jpg" alt="喀纳斯湖">
                    <div class="slide-caption">喀纳斯湖 - 中国最美的冰川湖泊</div>
                </div>
                <div class="slides fade">
                    <img src="images/hemu.jpg" alt="禾木村">
                    <div class="slide-caption">禾木村 - 中国最美村落，秋季层林尽染</div>
                </div>
                <div class="slides fade">
                    <img src="images/baihaba.jpg" alt="白哈巴村">
                    <div class="slide-caption">白哈巴村 - 中国最西端的村庄</div>
                </div>
                <div class="slides fade">
                    <img src="images/cocksure.jpg" alt="可可苏里湖">
                    <div class="slide-caption">可可苏里湖 - 高原上的候鸟天堂</div>
                </div>
                <div class="slides fade">
                    <img src="images/burqin.jpg" alt="布尔津夜市">
                    <div class="slide-caption">布尔津河堤夜市 - 品味地道美食</div>
                </div>
                <div class="slides fade">
                    <img src="images/fuyun.jpg" alt="可可托海">
                    <div class="slide-caption">可可托海 - 世界级地质奇观</div>
                </div>
                <div class="slides fade">
                    <img src="images/winter_kanas.jpg" alt="冬季喀纳斯">
                    <div class="slide-caption">冬季喀纳斯 - 银装素裹的仙境</div>
                </div>
                <div class="slides fade">
                    <img src="images/summer_grassland.jpg" alt="夏季草原">
                    <div class="slide-caption">夏季草原 - 繁花似锦的草甸</div>
                </div>
                <a class="prev" onclick="changeSlide(-1)">❮</a>
                <a class="next" onclick="changeSlide(1)">❯</a>
                <div class="dot-container">
                    <span class="dot" onclick="currentSlide(1)"></span>
                    <span class="dot" onclick="currentSlide(2)"></span>
                    <span class="dot" onclick="currentSlide(3)"></span>
                    <span class="dot" onclick="currentSlide(4)"></span>
                    <span class="dot" onclick="currentSlide(5)"></span>
                    <span class="dot" onclick="currentSlide(6)"></span>
                    <span class="dot" onclick="currentSlide(7)"></span>
                    <span class="dot" onclick="currentSlide(8)"></span>
                </div>
            </div>
            <p>阿勒泰地处新疆北部，是著名的"金山"所在地，以其壮丽的自然风光和独特的民族文化闻名。这里四季景色各异：春季山花烂漫，夏季草原辽阔，秋季层林尽染，冬季银装素裹。不论是喀纳斯湖的神秘传说，还是禾木村的图瓦风情，抑或是可可托海的地质奇观，都让这片土地充满了无穷的魅力。</p>
        </section>

        <section id="transportation">
            <h2>交通攻略</h2>
            <div class="transportation-container">
                <div class="routes-info">
                    <h3>从南京/上海出发</h3>
                    <ul>
                        <li>航空路线：
                            <ul>
                                <li>南京/上海 → 乌鲁木齐 → 阿勒泰</li>
                                <li>建议提前1-2个月订票，旺季机票紧张</li>
                            </ul>
                        </li>
                        <li>铁路路线：
                            <ul>
                                <li>南京/上海 → 乌鲁木齐（高铁）→ 阿勒泰（汽车）</li>
                                <li>全程约3-4天</li>
                            </ul>
                        </li>
                    </ul>
                </div>
                
                <div class="calendar">
                    <h3>2024年12月出行日历</h3>
                    <div class="calendar-grid">
                        <div class="calendar-header">
                            <span>日</span>
                            <span>一</span>
                            <span>二</span>
                            <span>三</span>
                            <span>四</span>
                            <span>五</span>
                            <span>六</span>
                        </div>
                        <div class="calendar-days">
                            <span class="other-month">24</span>
                            <span class="other-month">25</span>
                            <span class="other-month">26</span>
                            <span class="other-month">27</span>
                            <span class="other-month">28</span>
                            <span class="other-month">29</span>
                            <span class="other-month">30</span>
                            <span>1</span>
                            <span>2</span>
                            <span>3</span>
                            <span>4</span>
                            <span>5</span>
                            <span>6</span>
                            <span>7</span>
                            <span>8</span>
                            <span>9</span>
                            <span>10</span>
                            <span>11</span>
                            <span>12</span>
                            <span>13</span>
                            <span>14</span>
                            <span>15</span>
                            <span>16</span>
                            <span>17</span>
                            <span>18</span>
                            <span>19</span>
                            <span>20</span>
                            <span>21</span>
                            <span>22</span>
                            <span>23</span>
                            <span>24</span>
                            <span class="highlight-special">25</span>
                            <span class="highlight-special">26</span>
                            <span class="highlight-special">27</span>
                            <span class="highlight-special">28</span>
                            <span class="highlight-special">29</span>
                            <span class="highlight-special">30</span>
                            <span class="highlight-special">31</span>
                        </div>
                        <div class="calendar-legend">
                            <div class="legend-item">
                                <span class="legend-color highlight"></span>
                                <span class="legend-text">可选日期</span>
                            </div>
                            <div class="legend-item">
                                <span class="legend-color highlight-special"></span>
                                <span class="legend-text">计划出行日期</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section id="accommodation">
            <h2>住宿推荐</h2>
            <div class="accommodation-options">
                <div class="option">
                    <h3>市区高档酒店</h3>
                    <ul class="hotel-list">
                        <li>
                            <strong>阿勒泰宾馆 ⭐⭐⭐⭐</strong>
                            <p>地址：阿勒泰市团结路172号</p>
                            <p>价格：558-688元/晚（12月25-31日）</p>
                            <p>特色：地理位置优越，4星级标准，餐饮条件好</p>
                            <div class="hotel-route">
                                <h4>机场到店路线：</h4>
                                <ul>
                                    <li>出租车：约30分钟，费用约50元</li>
                                    <li>机场大巴：25元/人，在团结路站下车步行300米</li>
                                    <li>酒店接机：提前预约，100元/次</li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <strong>神湖大酒店 ⭐⭐⭐⭐</strong>
                            <p>地址：阿勒泰市解放路216号</p>
                            <p>价格：498-628元/晚（12月25-31日）</p>
                            <p>特色：商务型酒店，设施新，服务好</p>
                            <div class="hotel-route">
                                <h4>机场到店路线：</h4>
                                <ul>
                                    <li>出租车：约25分钟，费用约45元</li>
                                    <li>机场大巴：25元/人，在市政府站下车步行500米</li>
                                    <li>酒店接机：提前预约，100元/次</li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="option">
                    <h3>市区经济型酒店</h3>
                    <ul class="hotel-list">
                        <li>
                            <strong>汉庭酒店（阿勒泰解放路店）⭐⭐⭐</strong>
                            <p>地址：阿勒泰市解放路89号</p>
                            <p>价格：268-328元/晚（12月25-31日）</p>
                            <p>特色：连锁品牌，性价比高</p>
                            <div class="hotel-route">
                                <h4>机场到店路线：</h4>
                                <ul>
                                    <li>出租车：约28分钟，费用约48元</li>
                                    <li>公交车：机场大巴到市区后转3路公交，2元/人</li>
                                    <li>网约车：约40-50元</li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <strong>如家酒店（阿勒泰市政府店）⭐⭐⭐</strong>
                            <p>地址：阿勒泰市团结路128号</p>
                            <p>价格：288-358元/晚（12月25-31日）</p>
                            <p>特色：位置便利，干净整洁</p>
                            <div class="hotel-route">
                                <h4>机场到店路线：</h4>
                                <ul>
                                    <li>出租车：约25分钟，费用约45元</li>
                                    <li>公交车：机场大巴到市区后转1路公交，2元/人</li>
                                    <li>网约车：约40-45元</li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="option">
                    <h3>喀纳斯景区住宿</h3>
                    <ul class="hotel-list">
                        <li>
                            <strong>喀纳斯湖畔度假酒店 ⭐⭐⭐⭐</strong>
                            <p>地址：喀纳斯景区喀纳斯湖畔</p>
                            <p>价格：888-1288元/晚（12月25-31日）</p>
                            <p>特色：湖景房，木屋建筑，含早餐</p>
                            <div class="hotel-route">
                                <h4>机场到店路线：</h4>
                                <ul>
                                    <li>包车：约4小时车程，费用800-1000元/车</li>
                                    <li>景区大巴：在机场乘坐到布尔津（100元），转乘景区大巴（150元）</li>
                                    <li>酒店接送：提前预约，单程500元/车</li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <strong>喀纳斯观鱼台山庄</strong>
                            <p>地址：喀纳斯景区观鱼台附近</p>
                            <p>价格：468-628元/晚（12月25-31日）</p>
                            <p>特色：观景位置好，有特色餐饮</p>
                            <div class="hotel-route">
                                <h4>机场到店路线：</h4>
                                <ul>
                                    <li>包车：约4.5小时车程，费用800-1000元/车</li>
                                    <li>景区大巴：机场-布尔津（100元）-景区（150元）-区间车（80元）</li>
                                    <li>酒店接送：提前预约，单程500元/车</li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="option">
                    <h3>禾木村特色民宿</h3>
                    <ul class="hotel-list">
                        <li>
                            <strong>禾木山谷假屋</strong>
                            <p>地址：禾木村中心区域</p>
                            <p>价格：428-588元/晚（12月25-31日）</p>
                            <p>特色：图瓦族特色民宿，可观赏晨雾</p>
                        </li>
                        <li>
                            <strong>禾木印象客栈</strong>
                            <p>地址：禾木村观景台附近</p>
                            <p>价格：388-528元/晚（12月25-31日）</p>
                            <p>特色：木屋建筑，提供特色餐食</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="accommodation-tips">
                <h3>住宿建议</h3>
                <ul>
                    <li>12月为旅游淡季，建议提前3-7天预订</li>
                    <li>景区内住宿价格较高，但体验更好</li>
                    <li>市区酒店交通便利，适合短期游览</li>
                    <li>民宿需要注意保暖设施是否完善</li>
                    <li>建议选择含早餐的住宿套餐</li>
                </ul>
            </div>
        </section>

        <section id="food">
            <h2>特色美食</h2>
            <div class="food-container">
                <div class="food-category">
                    <h3>特色餐厅推荐</h3>
                    <div class="restaurant-list">
                        <div class="restaurant">
                            <h4>布尔津河堤夜市</h4>
                            <p class="location">地址：布尔津县恰秀路河堤夜市</p>
                            <p class="time">营业时间：17:00-24:00</p>
                            <p class="price">人均：50-100元</p>
                            <ul class="dishes">
                                <li>冷水鱼（58元/斤）</li>
                                <li>布尔津烤包子（5元/个）</li>
                                <li>烤羊肉串（5元/串）</li>
                            </ul>
                        </div>
                        
                        <div class="restaurant">
                            <h4>喀纳斯景区月亮湾餐厅</h4>
                            <p class="location">地址：喀纳斯景区月亮湾观景台附近</p>
                            <p class="time">营业时间：8:00-20:00</p>
                            <p class="price">人均：120-180元</p>
                            <ul class="dishes">
                                <li>手抓羊肉（138元/份）</li>
                                <li>白切羊肉（88元/份）</li>
                                <li>奶茶（15元/杯）</li>
                            </ul>
                        </div>
                        
                        <div class="restaurant">
                            <h4>禾木村图瓦人家</h4>
                            <p class="location">地址：禾木村中心广场附近</p>
                            <p class="time">营业时间：10:00-22:00</p>
                            <p class="price">人均：80-150元</p>
                            <ul class="dishes">
                                <li>烤全羊（498元/只，需提前预订）</li>
                                <li>马奶酒（28元/杯）</li>
                                <li>奶皮子（18元/份）</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="food-category">
                    <h3>必尝美食</h3>
                    <div class="must-try-foods">
                        <div class="food-item">
                            <h4>手抓羊肉</h4>
                            <p>推荐餐厅：神湖大酒店</p>
                            <p>价格：128-168元/份</p>
                            <p>特色：选用本地散养羊，肉质鲜美，配以特制蘸料</p>
                        </div>
                        
                        <div class="food-item">
                            <h4>布尔津烤包子</h4>
                            <p>推荐：河堤夜市多个摊位</p>
                            <p>价格：5-8元/个</p>
                            <p>特色：外皮酥脆，内馅多汁，现烤现卖</p>
                        </div>
                        
                        <div class="food-item">
                            <h4>冷水鱼</h4>
                            <p>推荐：布尔津河堤夜市</p>
                            <p>价格：58-88元/斤</p>
                            <p>特色：取自额尔齐斯河，肉质鲜美，可烤可煮</p>
                        </div>
                    </div>
                </div>

                <div class="food-tips">
                    <h3>美食建议</h3>
                    <ul>
                        <li>12月气温较低，建议选择室内餐厅</li>
                        <li>景区内餐饮价格比市区高30-50%</li>
                        <li>河堤夜市12月可能会受天气影响营业时间</li>
                        <li>建议提前预订特色餐厅</li>
                        <li>部分餐厅支持外卖配送到酒店</li>
                    </ul>
                </div>
            </div>
        </section>

        <section id="attractions">
            <h2>必游景点</h2>
            <div class="attractions-grid">
                <div class="attraction">
                    <img src="images/kanas.jpg" alt="喀纳斯湖">
                    <h3>喀纳斯景区</h3>
                    <p>中国最美的自然景区之一，有"东方瑞士"之称。喀纳斯湖是中国唯一的冰川湖泊，四季景色各异。观鱼亭是观赏喀纳斯湖全景的最佳位置，也是拍摄"湖怪"的绝佳地点。</p>
                </div>
                <div class="attraction">
                    <img src="images/hemu.jpg" alt="禾木村">
                    <h3>禾木村</h3>
                    <p>被誉为"中国最美村落"，这里是图瓦人的聚居地。晨雾缭绕中的禾木村，炊烟袅袅，木屋错落有致。每到秋季，层林尽染，金黄色的白桦林美不胜收。</p>
                </div>
                <div class="attraction">
                    <img src="images/baihaba.jpg" alt="白哈巴村">
                    <h3>白哈巴村</h3>
                    <p>中国最西端的村庄，被誉为"神的后花园"。这里有纯朴的哈萨克族村民，广袤的草原，清澈的白哈巴河，以及独特的边境风光。</p>
                </div>
                <div class="attraction">
                    <img src="images/cocksure.jpg" alt="可可苏里湖">
                    <h3>可可苏里湖</h3>
                    <p>阿勒泰地区最大的高原湖泊，湖面海拔3802米。这里是候鸟的天堂，每年都有大量天鹅、大雁等珍稀鸟类在此栖息。湖水清澈，倒映着周围的雪山，景色壮丽。</p>
                </div>
                <div class="attraction">
                    <img src="images/burqin.jpg" alt="布尔津老城">
                    <h3>布尔津老城</h3>
                    <p>布尔津是前往喀纳斯的必经之地，以其独特的夜市美食而闻名。这里的冷水鱼、烤包子、大盘鸡都是不可错过的美食。老城区保留着浓郁的西北风情。</p>
                </div>
                <div class="attraction">
                    <img src="images/fuyun.jpg" alt="富蕴可可托海">
                    <h3>可可托海国家地质公园</h3>
                    <p>这里是世界上最大的花岗伟晶岩矿脉，以"三号矿坑"最为著名。景区内有额尔齐斯大峡谷、神钟山等景点，现了独特的北疆地质奇观。</p>
                </div>
            </div>
        </section>

        <section id="tips">
            <h2>旅行贴士</h2>
            <div class="tips-container">
                <div class="tip-category">
                    <h3>季节选择</h3>
                    <div class="tip-content">
                        <h4>最佳旅游时间：6-9月</h4>
                        <ul>
                            <li>6-7月：草原花期，适合观赏野花</li>
                            <li>8月：气候最佳，适合所有景点游览</li>
                            <li>9月：秋色最美，禾木村层林尽染</li>
                            <li>12月-次年2月：冰雪季，可体验冬季特色活动</li>
                        </ul>
                    </div>
                </div>

                <div class="tip-category">
                    <h3>交通建议</h3>
                    <div class="tip-content">
                        <ul>
                            <li>景区间交通：
                                <ul>
                                    <li>包车：800-1200元/天（5座车）</li>
                                    <li>景区大巴：150-200元/人（往返）</li>
                                    <li>建议提前一天预订用车</li>
                                </ul>
                            </li>
                            <li>市区交通：
                                <ul>
                                    <li>出租车：起步价10元/3公里</li>
                                    <li>公交车：1-2元/次</li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="tip-category">
                    <h3>证件准备</h3>
                    <div class="tip-content">
                        <ul>
                            <li>必备证件：
                                <ul>
                                    <li>身份证原件</li>
                                    <li>边防证（在阿勒泰市可办理，约半天时间）</li>
                                    <li>景区门票（建提前网上预订）</li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="tip-category">
                    <h3>装备建议</h3>
                    <div class="tip-content">
                        <ul>
                            <li>必备物品：
                                <ul>
                                    <li>保暖衣物（即使夏季也需要）</li>
                                    <li>防晒用品（海拔高，紫外线强）</li>
                                    <li>雨具（山区天气多变）</li>
                                    <li>徒步鞋（景区路段较长）</li>
                                </ul>
                            </li>
                            <li>摄影器材：
                                <ul>
                                    <li>广角镜头（风光摄影）</li>
                                    <li>三脚架（日出日落拍摄）</li>
                                    <li>备用电池（景充电不便）</li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="tip-category">
                    <h3>健康提示</h3>
                    <div class="tip-content">
                        <ul>
                            <li>高原反应预防：
                                <ul>
                                    <li>红景天胶囊（提前一周服用）</li>
                                    <li>氧气瓶（景区有售，50-80元/瓶）</li>
                                    <li>建议不要剧烈运动</li>
                                </ul>
                            </li>
                            <li>其他注意事项：
                                <ul>
                                    <li>防寒保暖（昼夜温差可达20度）</li>
                                    <li>充足休息（避免过度疲劳）</li>
                                    <li>饮食适量（不要暴饮暴食）</li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <footer>
        <div class="footer-content">
            <div class="footer-info">
                <h3>联系方式</h3>
                <ul>
                    <li><span>导游：</span>Oslo</li>
                    <li><span>邮箱：</span><a href="mailto:1945671717@qq.com">1945671717@qq.com</a></li>
                    <li><span>电话：</span><a href="tel:18351817147">18351817147</a></li>
                    <li><span>同伴：</span>宋海怡</li>
                </ul>
            </div>
            <div class="copyright">
                <p>© 2024 阿勒泰旅游攻略 | 版权所有</p>
            </div>
        </div>
    </footer>

    <script src="script.js"></script>
</body>
</html> 